<template>
<div class="tag-cloud">
    <el-tag 
    v-for="tag in tags" 
    :key="tag.id" 
    size="medium"
    :type="tagTypes[tag.id % tagTypes.length]"
    >
    {{ tag.name }}
    </el-tag>
</div>
</template>
<script setup>

</script>

<style scoped lang="scss">
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
</style>